<template>
  <div>
    <header>
      <!-- <router-link to="/"><</router-link> -->
      <p>{{  get_books_contentData.articlename }}</p>
    </header>
    <nav>
      <h4>{{get_books_contentData.chapter_name}}</h4>
    </nav>
  <p>{{ get_books_contentData.author_content }}</p>
  </div>
</template>
<script setup lang="ts">
import { ref, reactive } from 'vue'
import { useRoute, useRouter } from 'vue-router'
const router = useRouter()
// 导入小说内容接口
import { get_books_content } from '../axios/modules/get'

// 定义变量
const get_books_contentData = reactive({
  articlename: '',
  author_content: '',
  chapter_name: '',
})
const route = useRoute()
get_books_content({ id: route.params.id }).then((res) => {
    get_books_contentData.articlename = res.data.articlename
    get_books_contentData.author_content = res.data.author_content
    get_books_contentData.chapter_name = res.data.chapter_name
})
</script>
<style lang="scss">
</style>